<script setup>
import { inject } from 'vue'
// 可以有两个参数，第一个是key，第二个是默认值<可以不需要>
const money = inject('m', 0)
const car = inject('c', { name: '兰博基尼', price: 800 })

const { number, changeNumber } = inject('numberText', { number: 0, changeNumber: () => { } })
</script>
<template>
  <div class="myson">
    <h3>我是孙组件</h3>
    <h4>孙子通过inject收到了爷爷传过来的数据money:{{ money }}万</h4>
    <h4>孙子通过inject收到了爷爷传过来的数据car:{{ car.name }}车,价值:{{ car.price }}万</h4>
    <h4>孙子收到了number数量是:{{ number }}</h4>
    <button @click="changeNumber(5)">更新爷爷的number数量</button>
  </div>
</template>
<style scoped>
.myson {
  background-color: #75166a;
  padding: 10px;
  border: 1px solid rgb(176, 31, 123)
}
</style>